page-pan-dian-details {
  ion-header{

    ion-navbar:nth-child(1){

      padding-top:constant(safe-area-inset-top)!important;

      padding-top:env(safe-area-inset-top)!important;

    }

  }
  .container {
    //height: 30px;
    width: 90%;
    margin: px2rem(10px) auto;
  }
  .parent {
    position: relative;
  }
  .search {
    width: 100%;
    height: 40px;
    border-radius: 18px;
    outline: none;
    border: 1px solid #ccc;
    padding-left: 20px;
    position: relative;
  }
  .btn {
    height: px2rem(35px);
    width:px2rem(35px);
    position: absolute;
    background: url("../../assets/imgs/icon_search.png") no-repeat;
    background-size: 25px;
    top: 6px;
    right: px2rem(-5px);
    border: none;
    outline: none;
    cursor: pointer;
  }
  .divider {
    width: px2rem(2.5px);
    height: px2rem(15px);
    background-color: #3189fb;
  }

  .title_layout {
    width: 95%;
    display: flex;
    align-items: center;
    flex-direction: row;
    margin: 0.8rem auto;
    span {
      color: #333333;
      font-size: 18px;
      font-weight: bold;
      margin-left: px2rem(5px);
    }
  }
  .list{
    width: 100%;
    margin: px2rem(4px) auto;
    background-color: white;
    .item{
      width: 95%;
      margin: 0 auto;
      .list-details-header{
        margin-top: px2rem(10px);
        display: flex;
        justify-content: flex-start;
        div:last-child{
          margin-left: px2rem(10px);
        }
      }
      .list-details-num{
        display: flex;
        justify-content: space-between;
        margin-bottom: px2rem(10px);
        .shicun_sum{
          display: flex;
          align-items: center;
        }
      }
    }
  }
  .panel_num{
    width: px2rem(70px);
    height: px2rem(17px);
    margin-left: px2rem(5px);
    background-color: #eaeaea;
    border-radius: px2rem(2px);
    display: flex;
    justify-content: space-between;
    align-items: center;
    .minus{
      border-right: 1px #999999 solid;
      width: 25%;
      height: 100%;
      @extend .num_text;
    }
    .text{
      color: #999999;
      width: 50%;
      height: 100%;
      @extend .num_text;
    }
    .add{
      border-left: 1px #999999 solid;
      width: 25%;
      height: 100%;
      @extend .num_text;
    }
    label{
      font-size: 16px;
      color: #222222;
    }
  }
  .num_text{
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .buttonDiv {
    width: 100%;
    display: flex;
    justify-content: space-around;
    margin-top: 1rem;
    margin-bottom: 1rem;
    button {
      width:27%;
      background-color: #fc9827;
      height: 3.4rem;
    }
  }
}
